<template>
  <view >
<topbar title="错误信息"/>
<view class="box">
  <image
    src="../../static/error.png"
    mode="aspectFit"
  />
</view>
  </view>
  <view class="result">查询结果:未入场</view>
  <button class="btn">返回</button>
  <view class="footer">
    <image
      src="../../static/phone.png"
      mode="scaleToFill"
    />
    <view class="name">客服电话</view>
  </view>
</template>

<script setup>
import topbar from '../../component/topbar.vue'
</script>

<style lang="scss" scoped>
.box{
  margin-top: 80rpx;
  margin-left: 304rpx;
  width: 144rpx;
height: 144rpx;
background: rgba(217,217,217,0);
border: 1px dashed #D9D9D9 ;
image{
  width: 125rpx;
height: 108rpx;

border-radius: 8rpx 8rpx 8rpx 8rpx;
margin: 16rpx 20rpx 10rpx 10rpx;
}
}
.result{
width: 224rpx;
height: 28rpx;
font-family: 'Source Han Sans CN, Source Han Sans CN';
font-weight: 500;
font-size: 28rpx;
color: #333333;
line-height: 28rpx;
text-align: left;
margin-top: 64rpx;
margin-left: 264rpx;
}
.btn{
  width: 686rpx;
height: 96rpx;
background: #0680FE;
border-radius: 100rpx 100rpx 100rpx 100rpx;
font-weight: bold;
font-size: 36rpx;
color: #FFFFFF;
display: flex;
justify-content: center;
align-items: center;
margin-top: 112rpx;
}
.footer{
  display: flex;
  justify-content: center;
  align-items:center ;
  margin-top: 860rpx;
  margin-bottom: 36rpx;
  image{
    width: 24rpx;
height: 24rpx;


  }
  .name{
    width: 96rpx;
height: 24rpx;
font-family: 'Source Han Sans CN, Source Han Sans CN';
font-weight: 500;
font-size: 24rpx;
color: #0680FE;
line-height: 24rpx;
text-align: left;
font-style: normal;
text-transform: none;
margin-left: 8rpx;
  }
}
</style>